<template>
    <!-- <Person/>   -->
    <!-- <Student/> -->
    <Teacher />
</template>



<script lang="ts">
import Person from './components/Person.vue'
import Student from './components/Student.vue'
import Teacher from './components/Teacher.vue';

export default {
    name: 'App',
    components: { Person, Student, Teacher }
}
</script>

<style>
.app {
    background-color: beige;
    /*背景颜色 */
    padding: 30px;
    /*内边距 */
    box-shadow: 0 0 10px;
    /*边框阴影 */
    border-radius: 10px;
}
</style>